<!DOCTYPE html>
<html lang="en">

<head>
    <title>电子竞技</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />

    <link rel="stylesheet" href="../../css/public.css">
    <style>
        .register_bg {
            position: fixed;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            background: url('../images/reg/bg.png') center no-repeat;
            background-size: 100%;
            z-index: 1;
        }




        .home_zhangdui_nav {
            padding-left: 15%;
            overflow: hidden;
            background: #021349 url('../../images/reg/back.png') 10px center no-repeat;
            background-size: .7rem;
        }

        .history {
            margin-top: 5px;
            float: right;
            height: 45px;
            width: 45px;
            margin-right: 5px;
            color: #FAE7A5;
            background: url(../../images/home/icon_record.png)center no-repeat;
            background-size: .6rem;
        }

        .lineHead {
            height: 60px;
            margin-top: 50px;
            background: #1B1D5D;
            display: flex;
            line-height: 60px;
            padding: 0 3%;
        }

        .lineHead div {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .onlineChiji {
            flex: 6;
            /* text-align: center; */
            font-size: .5rem;
            color: #FFCD29;
        }

        .opening,
        .contrast {
            flex: 5;
            color: #BFC1F2;
            font-size: .3rem;
        }

        .opening {
            font-size: .35rem;
        }

        .contrast {
            line-height: 20px;
            padding-top: 10px;
        }

        .select {
            display: flex;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: .4rem;
        }

        .select>div {
            flex: 1;
        }

        .k {
            color: #FFCD29;
        }

        .footer {
            position: fixed;
            display: flex;
            bottom: 0;
            width: 100%;
            height: 50px;
            text-align: center;
        }

        .footer img {
            width: .55rem;
            display: block;
            margin: auto;
            margin-top: 7px;
        }

        .footer>div {
            flex: 1;
        }

        .size {
            background: #8BC52D;
        }

        .upDown {
            background: #1EA1F3;
        }

        .firstsd {
            background: #F5BC31;
        }

        .modal {
            background: rgba(000, 000, 000, 0.5);
            position: fixed;
            width: 100%;
            height: 100%;
            z-index: 9999;
            color: #BFC1F2;
            display: none;
        }
        .continueModal{
            display: none;
        }
        .modal table,.continueModal table {
            width: 100%;
            text-align: center;
            font-size: .4rem;
            border-bottom: 1px solid #2A2B6B;
        }

        .upDown-modal {
            background: #1B1D68;
            /* height: 70%; */
            width: 85%;
            margin: 10% auto;
            padding-bottom: 5px;

            border-radius: 5px;
        }

        .title {
            color: #7E85C2;
        }

        .contain {
            color: #BFC1F2;
            font-size: .4rem;
        }
        .order,
        .dueTime {
            height: 40px;
            line-height: 40px;
            font-size: .45rem;
            padding: 0 10px;
        }

        .continueTitle {
            height: 40px;
            line-height: 40px;
            font-size: .45rem;
            padding: 0 10px;
            border-bottom: 1px solid #2A2B6B;
            
        }

        .close,
        .close1 {
            float: right;
            height: 40px;
            line-height: 40px;
        }

        .order img,
        .continueTitle img {
            width: .45rem;
            vertical-align: middle;
        }

        .buy {
            height: 60px;
            background: #111351;
            overflow: hidden;
        }

        .buy>div {
            margin: 10px;
            width: 40%;

            float: left;
            line-height: 40px;
            font-size: .4rem;
            border: 1px solid #454898;
            border-radius: 5px;
            text-align: center;
            background: #1B1D68 28% center no-repeat;
            background-image: url(../../images/eSports/icon_single_unclick.png);
            background-size: .4rem;
        }
        .buy .big{
            margin: 10px;
            width: 40%;

            float: left;
            line-height: 40px;
            font-size: .4rem;
            border: 1px solid #454898;
            border-radius: 5px;
            text-align: center;
            background: #1B1D68 28% center no-repeat;
            background-image: url(../../images/eSports/icon_big_unclick.png);
            background-size: .4rem;
        }
        .buy .little{
            float: right;
            background-image: url(../../images/eSports/icon_small_unclick.png);
            background-size: .4rem;
        }
        .buy .zhang{
            margin: 10px;
            width: 40%;

            float: left;
            line-height: 40px;
            font-size: .4rem;
            border: 1px solid #454898;
            border-radius: 5px;
            text-align: center;
            background: #1B1D68 28% center no-repeat;
            background-image: url(../../images/eSports/icon_up_unclick.png);
            background-size: .4rem;
        }
        .buy .die{
            float: right;
            background-image: url(../../images/eSports/icon_down_unclick.png);
            background-size: .4rem;
        }
        .buy .dable {
            float: right;
            background-image: url(../../images/eSports/icon_dabble_click.png);
        }
        .buy .single {
            float: right;
            background-image: url(../../images/eSports/icon_single_unclick.png);
        }

        .buy img {
            width: .4rem;
            vertical-align: text-bottom;
            margin-right: 5px;
        }

        .selectTime {
            /* height: 110px; */
            background: #111351;
            display: flex;
            padding: 10px;
            height: 90px;
        }

        .selectTime>div {
            flex: 1;
        }

        .selectTime>div>div {
            width: 90%;
            font-size: .4rem;
            background: #1B1D68;
            border: 1px solid #454898;
            padding: 10px 0;
            border-radius: 5px;
        }

        .selectTime p {
            margin-bottom: 5px;
            text-align: center;
        }

        .selectTime img {
            width: .35rem;
            vertical-align: middle;
        }

        .time2>div {
            margin: auto;
        }

        .time3>div {
            margin-left: 8%;
        }

        .betMoney {
            height: 50px;
            background: #111351;
            padding: 0 10px;
        }

        input::-webkit-input-placeholder,
        textarea::-webkit-input-placeholder {
            color: #454898;
        }

        .betMoney .betIn {
            text-align: center;
            margin-right: 2%;
            height: 37px;
            width: 22.2%;
            color: #7E85C2;
            background: #1B1D68;
            border: 1px solid #454898;
            border-radius: 5px;
            font-size: .4rem;
            vertical-align: inherit;
        }

        .balance {
            height: 40px;
            font-size: .4rem;
            padding: 0 10px;
            line-height: 40px;
            color: #7E85C2;
        }

        .yue {
            color: #BFC1F2;
            margin-right: 20%;
        }

        .betYue {
            color: #1DA8FF;
        }

        .confirm ,.conBtn{
            display: block;
            width: 70%;
            height: 45px;
            border: 0;
            color: #fff;
            background: #FFB400;
            font-size: .5rem;
            margin: 10px auto;
            border-radius: 5px;
        }

        .buy .orderActive {
            color: #F5BC31;
            border: 1px solid #F5BC31;
        }

        .buy .orderActive .singleClick {
            background: 28% center no-repeat;
            background-image: url(../../images/eSports/icon_single_click.png);
            background-size: .4rem;
        }
        
        .buy .orderActive .dableClick {
            background: 28% center no-repeat;
            background-image: url(../../images/eSports/icon_dabble_unclick.png);
            background-size: .4rem;
        }
        .buy .orderActive .bigClick {
            background: 28% center no-repeat;
            background-image: url(../../images/eSports/icon_big_click.png);
            background-size: .4rem;
        }
        
        .buy .orderActive .littleClick {
            background: 28% center no-repeat;
            background-image: url(../../images/eSports/little_click.png);
            background-size: .4rem;
        }
        .buy .orderActive .upClick {
            background: 28% center no-repeat;
            background-image: url(../../images/eSports/icon_up_click.png);
            background-size: .4rem;
        }
        
        .buy .orderActive .downClick {
            background: 28% center no-repeat;
            background-image: url(../../images/eSports/icon_down_click.png);
            background-size: .4rem;
        }

        .selectTime .timeActive {
            color: #F5BC31;
            border: 1px solid #F5BC31;
        }

        .betMoney .betActive {
            color: #F5BC31;
            border: 1px solid #F5BC31;
        }

        .continueModal {
            background: rgba(000, 000, 000, 0.5);
            position: fixed;
            width: 100%;
            height: 100%;
            z-index: 9999;
            color: #BFC1F2;
        }

        .continue {
            height: 200px;
    background: #1B1D68;
    color: #BFC1F2;
    border-radius: 5px;
    width: 80%;
    margin: auto;
    margin-top: 40%;
        }
        .timeContain{

        }
        .tema {
            overflow: hidden;
            text-align: center;
            padding: 10px;
            background: #1B1D68;
        }

        .tema>div {
            width: 10%;
            margin-bottom: 10px;
            height: 30PX;
            line-height: 30px;
            margin-left: 8.33%;
            float: left;
            border: 1px solid #454898;
        }

        .tema .temaActive {
            border-color: #FFB400;
            color: #FFB400;
        }
        .temaContain{
            padding: 10px;
            background: #111351;
            text-align: center;
        }
        .temaTitle{
            background: #1B1D68;
            padding-top: 10px;
            font-size: .35rem;
        }
        .notice{
            text-align: center;
            font-size: .4rem;
            margin-top: 20px;
        }
    </style>
</head>

<body>

    <div class="register_bg">
        <div class="home_zhangdui_nav">
            <span class="goBack"></span>
            赛事竞猜
            <a href="./tradingRecord.html">
                <span class="history"></span>
            </a>
        </div>

        <div class="lineHead">
            <div class="onlineChiji">0</div>
            <div class="opening">开盘：3215454</div>
            <div class="contrast">
                <div>最高：96485762</div>
                <div>最低：1642331</div>
            </div>
        </div>

        <div class="select">
            <div class="k">K线</div>
            <div>60秒</div>
            <div>120秒</div>
            <div>180秒</div>
        </div>


        <div id="demo_content">

            <div id="container" style="width: 320px; height: 400px; margin: 0 auto" data-highcharts-chart="0">

                <div class="highcharts-container" id="highcharts-0" style="position: relative; overflow: hidden; width: 1000px; height: 400px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">

                    <svg version="1.1" style="font-family: &quot; Lucida Grande&quot; , &quot; Lucida Sans Unicode&quot; , Arial, Helvetica, sans-serif; font-size: 12px;" xmlns="http://www.w3.org/2000/svg" width="1000" height="400">

                        <desc></desc><defs><clippath id="highcharts-1"><rect x="0" y="0" width="903" height="306"></rect>

                        </clippath>

                        </defs><rect x="0" y="0" width="1000" height="400" strokeWidth="0" fill="#FFFFFF" class=" highcharts-background"></rect><path fill="none" d="M 87 308.5 L 990 308.5" stroke="#808080" stroke-width="1"></path><path fill="rgba(124,181,236,0.25)" d="M 561.3015540182698 193.3274228144437 C 574.6215540182699 193.3274228144437 574.6215540182699 213.3274228144437 561.3015540182698 213.3274228144437 C 547.9815540182698 213.3274228144437 547.9815540182698 193.3274228144437 561.3015540182698 193.3274228144437 Z"></path><g class="highcharts-grid" zIndex="1"></g><g class="highcharts-grid" zIndex="1"><path fill="none" d="M 87 308.5 L 990 308.5" stroke="#C0C0C0" stroke-width="1" zIndex="1" opacity="1"></path>

                            <path fill="none" d="M 87 104.5 L 990 104.5" stroke="#C0C0C0" stroke-width="1" zIndex="1" opacity="1"></path>

                            <path fill="none" d="M 87 52.5 L 990 52.5" stroke="#C0C0C0" stroke-width="1" zIndex="1" opacity="1"></path>

                            <path fill="none" d="M 87 155.5 L 990 155.5" stroke="#C0C0C0" stroke-width="1" zIndex="1" opacity="1"></path>

                            <path fill="none" d="M 87 206.5 L 990 206.5" stroke="#C0C0C0" stroke-width="1" zIndex="1" opacity="1"></path>

                            <path fill="none" d="M 87 257.5 L 990 257.5" stroke="#C0C0C0" stroke-width="1" zIndex="1" opacity="1"></path>

                            <path fill="none" d="M 87 359.5 L 990 359.5" stroke="#C0C0C0" stroke-width="1" zIndex="1" opacity="1"></path>

                        </g><g class="highcharts-axis" zIndex="2"><path fill="none" d="M 118.5 359 L 118.5 369" stroke="#C0D0E0" stroke-width="1" opacity="1"></path>

                            <path fill="none" d="M 211.5 359 L 211.5 369" stroke="#C0D0E0" stroke-width="1" opacity="1"></path>

                            <path fill="none" d="M 304.5 359 L 304.5 369" stroke="#C0D0E0" stroke-width="1" opacity="1"></path>

                            <path fill="none" d="M 397.5 359 L 397.5 369" stroke="#C0D0E0" stroke-width="1" opacity="1"></path>

                            <path fill="none" d="M 490.5 359 L 490.5 369" stroke="#C0D0E0" stroke-width="1" opacity="1"></path>

                            <path fill="none" d="M 582.5 359 L 582.5 369" stroke="#C0D0E0" stroke-width="1" opacity="1"></path>

                            <path fill="none" d="M 675.5 359 L 675.5 369" stroke="#C0D0E0" stroke-width="1" opacity="1"></path>

                            <path fill="none" d="M 768.5 359 L 768.5 369" stroke="#C0D0E0" stroke-width="1" opacity="1"></path>

                            <path fill="none" d="M 861.5 359 L 861.5 369" stroke="#C0D0E0" stroke-width="1" opacity="1"></path>

                            <path fill="none" d="M 953.5 359 L 953.5 369" stroke="#C0D0E0" stroke-width="1" opacity="1"></path>

                            <path fill="none" d="M 87 359.5 L 990 359.5" stroke="#C0D0E0" stroke-width="1" zIndex="7" visibility="visible"></path>

                        </g><g class="highcharts-axis" zIndex="2"><text x="28.484375" zIndex="7" text-anchor="middle" transform="translate(0,0) rotate(270 28.484375 206)" class=" highcharts-yaxis-title" style="color: #707070; fill: #707070;" visibility="visible" y="206">Value</text>

                        </g><g class="highcharts-series-group" zIndex="3"><g class="highcharts-series" visibility="visible" zIndex="0.1" transform="translate(87,53) scale(1 1)" clip-path="url(#highcharts-1)"><path fill="none" d="M 8.85294472976165 128.85317246429622 C 8.85294472976165 128.85317246429622 36.743675707958715 152.00509145390242 55.33749636009009 161.4517748085782 C 73.93131701222146 170.89845816325396 83.22822733828716 176.08658923767507 101.82204799041853 176.08658923767507 C 120.39731193531225 176.08658923767507 129.6849439077591 144.99110019933542 148.26020785265283 134.36388010438532 C 166.85402850478422 123.72604340594373 176.15093883084987 125.68161142151803 194.74475948298127 122.92394725419581 C 213.57981732920217 120.16628308687359 222.99734625231264 120.16628308687359 241.83240409853354 120.16628308687359 C 260.4447814579026 120.16628308687359 269.7509701375871 166.12020259257406 288.3633474969561 166.12020259257406 C 306.9571681490875 166.12020259257406 316.25407847515316 164.88258715253323 334.84789912728456 164.88258715253323 C 353.44171977941596 164.88258715253323 362.7386301054816 240.30810465384275 381.332450757613 240.30810465384275 C 399.92627140974434 240.30810465384275 409.22318173581004 72.83938021492213 427.81700238794144 72.83938021492213 C 446.4108230400728 72.83938021492213 455.70773336613854 150.3274228144437 474.3015540182699 150.3274228144437 C 492.87681796316355 150.3274228144437 502.16444993561043 55.11221928242594 520.7397138805042 55.11221928242594 C 539.3335345326356 55.11221928242594 548.6304448587013 145.26400727033615 567.2242655108327 145.26400727033615 C 585.818086162964 145.26400727033615 595.1149964890297 122.30409235786647 613.708817141161 122.30409235786647 C 632.2840810860547 122.30409235786647 641.5717130585016 202.71840201504529 660.1469770033954 228.07372207101434 C 678.7593543627643 253.4290421269834 688.0655430424489 253.4290421269834 706.6779204018179 253.4290421269834 C 725.9583392217426 253.4290421269834 735.598548631705 139.93858543038368 754.8789674516296 139.93858543038368 C 773.361447860335 139.93858543038368 782.6026880646878 163.80467434041202 801.0851684733932 163.80467434041202 C 819.6789891255245 163.80467434041202 828.9758994515902 152.25466374794055 847.5697201037216 136.50634683296084 C 866.2006541703282 120.72659615168382 894.1470552702383 84.98450534977019 894.1470552702383 84.98450534977019" stroke="#7cb5ec" stroke-width="3" zIndex="1" stroke-linejoin="round" stroke-linecap="round"></path>

                            <path fill="none" d="M -1.1470552702383507 128.85317246429622 L 8.85294472976165 128.85317246429622 C 8.85294472976165 128.85317246429622 36.743675707958715 152.00509145390242 55.33749636009009 161.4517748085782 C 73.93131701222146 170.89845816325396 83.22822733828716 176.08658923767507 101.82204799041853 176.08658923767507 C 120.39731193531225 176.08658923767507 129.6849439077591 144.99110019933542 148.26020785265283 134.36388010438532 C 166.85402850478422 123.72604340594373 176.15093883084987 125.68161142151803 194.74475948298127 122.92394725419581 C 213.57981732920217 120.16628308687359 222.99734625231264 120.16628308687359 241.83240409853354 120.16628308687359 C 260.4447814579026 120.16628308687359 269.7509701375871 166.12020259257406 288.3633474969561 166.12020259257406 C 306.9571681490875 166.12020259257406 316.25407847515316 164.88258715253323 334.84789912728456 164.88258715253323 C 353.44171977941596 164.88258715253323 362.7386301054816 240.30810465384275 381.332450757613 240.30810465384275 C 399.92627140974434 240.30810465384275 409.22318173581004 72.83938021492213 427.81700238794144 72.83938021492213 C 446.4108230400728 72.83938021492213 455.70773336613854 150.3274228144437 474.3015540182699 150.3274228144437 C 492.87681796316355 150.3274228144437 502.16444993561043 55.11221928242594 520.7397138805042 55.11221928242594 C 539.3335345326356 55.11221928242594 548.6304448587013 145.26400727033615 567.2242655108327 145.26400727033615 C 585.818086162964 145.26400727033615 595.1149964890297 122.30409235786647 613.708817141161 122.30409235786647 C 632.2840810860547 122.30409235786647 641.5717130585016 202.71840201504529 660.1469770033954 228.07372207101434 C 678.7593543627643 253.4290421269834 688.0655430424489 253.4290421269834 706.6779204018179 253.4290421269834 C 725.9583392217426 253.4290421269834 735.598548631705 139.93858543038368 754.8789674516296 139.93858543038368 C 773.361447860335 139.93858543038368 782.6026880646878 163.80467434041202 801.0851684733932 163.80467434041202 C 819.6789891255245 163.80467434041202 828.9758994515902 152.25466374794055 847.5697201037216 136.50634683296084 C 866.2006541703282 120.72659615168382 894.1470552702383 84.98450534977019 894.1470552702383 84.98450534977019 L 904.1470552702383 84.98450534977019" stroke-linejoin="round" visibility="visible" stroke="rgba(192,192,192,0.0001)" stroke-width="22" zIndex="2" class=" highcharts-tracker" style=""></path>

                        </g>

                            <g class="highcharts-markers highcharts-tracker" visibility="visible" zIndex="0.1" transform="translate(87,53) scale(1 1)" clip-path="none" style="">

                                <path fill="#7cb5ec" d="M 8 124.85317246429622 C 13.328 124.85317246429622 13.328 132.85317246429622 8 132.85317246429622 C 2.6719999999999997 132.85317246429622 2.6719999999999997 124.85317246429622 8 124.85317246429622 Z"></path>

                                <path fill="#7cb5ec" d="M 55 157.4517748085782 C 60.328 157.4517748085782 60.328 165.4517748085782 55 165.4517748085782 C 49.672 165.4517748085782 49.672 157.4517748085782 55 157.4517748085782 Z"></path>

                                <path fill="#7cb5ec" d="M 101 172.08658923767507 C 106.328 172.08658923767507 106.328 180.08658923767507 101 180.08658923767507 C 95.672 180.08658923767507 95.672 172.08658923767507 101 172.08658923767507 Z"></path>

                                <path fill="#7cb5ec" d="M 148 130.36388010438532 C 153.328 130.36388010438532 153.328 138.36388010438532 148 138.36388010438532 C 142.672 138.36388010438532 142.672 130.36388010438532 148 130.36388010438532 Z"></path>

                                <path fill="#7cb5ec" d="M 194 118.92394725419581 C 199.328 118.92394725419581 199.328 126.92394725419581 194 126.92394725419581 C 188.672 126.92394725419581 188.672 118.92394725419581 194 118.92394725419581 Z"></path>

                                <path fill="#7cb5ec" d="M 241 116.16628308687359 C 246.328 116.16628308687359 246.328 124.16628308687359 241 124.16628308687359 C 235.672 124.16628308687359 235.672 116.16628308687359 241 116.16628308687359 Z"></path>

                                <path fill="#7cb5ec" d="M 288 162.12020259257406 C 293.328 162.12020259257406 293.328 170.12020259257406 288 170.12020259257406 C 282.672 170.12020259257406 282.672 162.12020259257406 288 162.12020259257406 Z"></path>

                                <path fill="#7cb5ec" d="M 334 160.88258715253323 C 339.328 160.88258715253323 339.328 168.88258715253323 334 168.88258715253323 C 328.672 168.88258715253323 328.672 160.88258715253323 334 160.88258715253323 Z"></path>

                                <path fill="#7cb5ec" d="M 381 236.30810465384275 C 386.328 236.30810465384275 386.328 244.30810465384275 381 244.30810465384275 C 375.672 244.30810465384275 375.672 236.30810465384275 381 236.30810465384275 Z"></path>

                                <path fill="#7cb5ec" d="M 427 68.83938021492213 C 432.328 68.83938021492213 432.328 76.83938021492213 427 76.83938021492213 C 421.672 76.83938021492213 421.672 68.83938021492213 427 68.83938021492213 Z"></path>

                                <path fill="#7cb5ec" d="M 474.3015540182699 144.3274228144437 C 482.2935540182699 144.3274228144437 482.2935540182699 156.3274228144437 474.3015540182699 156.3274228144437 C 466.30955401826986 156.3274228144437 466.30955401826986 144.3274228144437 474.3015540182699 144.3274228144437 Z" stroke="#FFFFFF" stroke-width="1"></path>

                                <path fill="#7cb5ec" d="M 520 51.11221928242594 C 525.328 51.11221928242594 525.328 59.11221928242594 520 59.11221928242594 C 514.672 59.11221928242594 514.672 51.11221928242594 520 51.11221928242594 Z"></path>

                                <path fill="#7cb5ec" d="M 567 141.26400727033615 C 572.328 141.26400727033615 572.328 149.26400727033615 567 149.26400727033615 C 561.672 149.26400727033615 561.672 141.26400727033615 567 141.26400727033615 Z"></path>

                                <path fill="#7cb5ec" d="M 613 118.30409235786647 C 618.328 118.30409235786647 618.328 126.30409235786647 613 126.30409235786647 C 607.672 126.30409235786647 607.672 118.30409235786647 613 118.30409235786647 Z"></path>

                                <path fill="#7cb5ec" d="M 660 224.07372207101434 C 665.328 224.07372207101434 665.328 232.07372207101434 660 232.07372207101434 C 654.672 232.07372207101434 654.672 224.07372207101434 660 224.07372207101434 Z"></path>

                                <path fill="#7cb5ec" d="M 706 249.4290421269834 C 711.328 249.4290421269834 711.328 257.4290421269834 706 257.4290421269834 C 700.672 257.4290421269834 700.672 249.4290421269834 706 249.4290421269834 Z"></path>

                                <path fill="#7cb5ec" d="M 754 135.93858543038368 C 759.328 135.93858543038368 759.328 143.93858543038368 754 143.93858543038368 C 748.672 143.93858543038368 748.672 135.93858543038368 754 135.93858543038368 Z"></path>

                                <path fill="#7cb5ec" d="M 801 159.80467434041202 C 806.328 159.80467434041202 806.328 167.80467434041202 801 167.80467434041202 C 795.672 167.80467434041202 795.672 159.80467434041202 801 159.80467434041202 Z"></path>

                                <path fill="#7cb5ec" d="M 847 132.50634683296084 C 852.328 132.50634683296084 852.328 140.50634683296084 847 140.50634683296084 C 841.672 140.50634683296084 841.672 132.50634683296084 847 132.50634683296084 Z"></path>

                                <path fill="#7cb5ec" d="M 894 80.98450534977019 C 899.328 80.98450534977019 899.328 88.98450534977019 894 88.98450534977019 C 888.672 88.98450534977019 888.672 80.98450534977019 894 80.98450534977019 Z"></path>

                            </g>

                        </g><text x="500" text-anchor="middle" class="highcharts-title" zIndex="4" style="color: #333333; font-size: 18px; fill: #333333; width: 936px;" y="25"><tspan>ÿ��������</tspan>

                        </text><g class="highcharts-axis-labels highcharts-xaxis-labels" zIndex="7"><text x="119.3735711534907" text-anchor="middle" style="color: #606060; cursor: default; font-size: 11px; fill: #606060;" y="380" opacity="1">13:54:44</text>

                            <text x="212.15710734177105" text-anchor="middle" style="color: #606060; cursor: default; font-size: 11px; fill: #606060;" y="380" opacity="1">13:54:46</text>

                            <text x="304.9406435300514" text-anchor="middle" style="color: #606060; cursor: default; font-size: 11px; fill: #606060;" y="380" opacity="1">13:54:48</text>

                            <text x="397.7241797183317" text-anchor="middle" style="color: #606060; cursor: default; font-size: 11px; fill: #606060;" y="380" opacity="1">13:54:50</text>

                            <text x="490.507715906612" text-anchor="middle" style="color: #606060; cursor: default; font-size: 11px; fill: #606060;" y="380" opacity="1">13:54:52</text>

                            <text x="583.2912520948923" text-anchor="middle" style="color: #606060; cursor: default; font-size: 11px; fill: #606060;" y="380" opacity="1">13:54:54</text>

                            <text x="676.0747882831727" text-anchor="middle" style="color: #606060; cursor: default; font-size: 11px; fill: #606060;" y="380" opacity="1">13:54:56</text>

                            <text x="768.858324471453" text-anchor="middle" style="color: #606060; cursor: default; font-size: 11px; fill: #606060;" y="380" opacity="1">13:54:58</text>

                            <text x="861.6418606597333" text-anchor="middle" style="color: #606060; cursor: default; font-size: 11px; fill: #606060;" y="380" opacity="1">13:55:00</text>

                            <text x="954.4253968480136" text-anchor="middle" style="color: #606060; cursor: default; font-size: 11px; fill: #606060;" y="380" opacity="1">13:55:02</text>

                        </g><g class="highcharts-axis-labels highcharts-yaxis-labels" zIndex="7"><text x="72" text-anchor="end" style="width: 310px; color: #606060; cursor: default; font-size: 11px; fill: #606060;" y="312" opacity="1">0</text>

                            <text x="72" text-anchor="end" style="width: 310px; color: #606060; cursor: default; font-size: 11px; fill: #606060;" y="108" opacity="1">1</text>

                            <text x="72" text-anchor="end" style="width: 310px; color: #606060; cursor: default; font-size: 11px; fill: #606060;" y="261" opacity="1">0.25</text>

                            <text x="72" text-anchor="end" style="width: 310px; color: #606060; cursor: default; font-size: 11px; fill: #606060;" y="210" opacity="1">0.5</text>

                            <text x="72" text-anchor="end" style="width: 310px; color: #606060; cursor: default; font-size: 11px; fill: #606060;" y="159" opacity="1">0.75</text>

                            <text x="72" text-anchor="end" style="width: 310px; color: #606060; cursor: default; font-size: 11px; fill: #606060;" y="57" opacity="1">1.25</text>

                            <text x="72" text-anchor="end" style="width: 310px; color: #606060; cursor: default; font-size: 11px; fill: #606060;" y="363" opacity="1">-0.25</text>

                        </g><g class="highcharts-tooltip" zIndex="8" style="cursor: default; padding: 0; white-space: nowrap;" transform="translate(487,121)" opacity="1" visibility="visible"><path fill="none" d="M 3.5 0.5 L 145.5 0.5 C 148.5 0.5 148.5 0.5 148.5 3.5 L 148.5 63.5 C 148.5 66.5 148.5 66.5 145.5 66.5 L 80.5 66.5 74.5 72.5 68.5 66.5 3.5 66.5 C 0.5 66.5 0.5 66.5 0.5 63.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" isShadow="true" stroke="black" stroke-opacity="0.049999999999999996" stroke-width="5" transform="translate(1, 1)" width="148" height="66"></path>

                            <path fill="none" d="M 3.5 0.5 L 145.5 0.5 C 148.5 0.5 148.5 0.5 148.5 3.5 L 148.5 63.5 C 148.5 66.5 148.5 66.5 145.5 66.5 L 80.5 66.5 74.5 72.5 68.5 66.5 3.5 66.5 C 0.5 66.5 0.5 66.5 0.5 63.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" isShadow="true" stroke="black" stroke-opacity="0.09999999999999999" stroke-width="3" transform="translate(1, 1)" width="148" height="66"></path>

                            <path fill="none" d="M 3.5 0.5 L 145.5 0.5 C 148.5 0.5 148.5 0.5 148.5 3.5 L 148.5 63.5 C 148.5 66.5 148.5 66.5 145.5 66.5 L 80.5 66.5 74.5 72.5 68.5 66.5 3.5 66.5 C 0.5 66.5 0.5 66.5 0.5 63.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" isShadow="true" stroke="black" stroke-opacity="0.15" stroke-width="1" transform="translate(1, 1)" width="148" height="66"></path>

                            <path fill="rgba(249, 249, 249, .85)" d="M 3.5 0.5 L 145.5 0.5 C 148.5 0.5 148.5 0.5 148.5 3.5 L 148.5 63.5 C 148.5 66.5 148.5 66.5 145.5 66.5 L 80.5 66.5 74.5 72.5 68.5 66.5 3.5 66.5 C 0.5 66.5 0.5 66.5 0.5 63.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" stroke="#7cb5ec" stroke-width="1"></path>

                            <text x="8" zIndex="1" style="font-size: 12px; color: #333333; fill: #333333;" y="21">

                                <tspan style="font-weight: bold">Random data</tspan>

                                <tspan x="8" dy="16">2015-01-24 13:54:53</tspan>

                                <tspan x="8" dy="16">0.51</tspan>

                            </text>

                        </g></svg>

                </div>

            </div>

    </div>



        <div class="footer">
            <div class="upDown">
                <img src="../../images/eSports/icon_up and down.png" alt=""> 买涨跌</div>
            <div class="size">
                <img src="../../images/eSports/icon_big.png" alt="">买大小</div>
            <div class="firstsd">
                <img src="../../images/eSports/icon_dabble.png" alt="">买单双</div>

        </div>
    </div>
    <div class="modal singleDable">
        <div class="upDown-modal">
            <div class="order">订单确认
                <div class="close">
                    <img src="../../images/eSports/icon_close.png" alt="">
                </div>
            </div>
            <div class="buy">
                <div class="single">
                    <div class="singleClick">买单</div>
                </div>
                <div class="dable">
                    <div class="dableClick">买双</div>
                </div>
            </div>
            <div class="dueTime">
                到期时间
            </div>
            <div class="selectTime">
                <div class="time1">
                    <div>
                        <p>结算时间</p>
                        <p class="overTime">60秒</p>
                        <p>
                            <!-- <img src="../../images/eSports/icon_getmoney_unclick.png" alt=""> 收益80%</p> -->
                    </div>
                </div>
                <div class="time2">
                    <div>
                        <p>结算时间</p>
                        <p class="overTime">120秒</p>
                        <p>
                            <!-- <img src="../../images/eSports/icon_getmoney_unclick.png" alt=""> 收益82%</p> -->
                    </div>
                </div>
                <div class="time3">
                    <div>
                        <p>结算时间</p>
                        <p class="overTime">180秒</p>
                        <p>
                            <!-- <img src="../../images/eSports/icon_getmoney_unclick.png" alt=""> 收益85%</p> -->
                    </div>
                </div>
            </div>
            <div class="betMoney">
                <button class="betIn" type="text">￥2000</button>
                <button class="betIn" type="text">￥3000</button>
                <button class="betIn" type="text">￥5000</button>
                <input class="other betIn" style="margin-right:0;height:35px" type="number" placeholder="其他金额">
            </div>
            <div class="balance">
                余额:￥
                <span class="yue">0</span> 下单金额:
                <span class="betYue">0</span>
            </div>
            <div>
                <table>
                    <tr class="title">
                        <td>名称</td>
                        <td>类型</td>
                        <td >现有</td>
                        <td>预计收益</td>
                    </tr>
                    <tr class="contain">
                        <td>荒野行动</td>
                        <td class='buyType'></td>
                        <td  class="onlineNowChiji"></td>
                        <td class="makeMoney">0</td>
                    </tr>
                </table>
            </div>
            <button class="confirm">确认下单</button>
        </div>
    </div>
    <div class="modal upDown1">
            <div class="upDown-modal">
                <div class="order">订单确认
                    <div class="close">
                        <img src="../../images/eSports/icon_close.png" alt="">
                    </div>
                </div>
                <div class="buy">
                    <div class="zhang">
                        <div class="upClick">买涨</div>
                    </div>
                    <div class="die">
                        <div class="downClick" >买跌</div>
                    </div>
                </div>
                <div class="dueTime">
                    到期时间
                </div>
                <div class="selectTime">
                    <div class="time1">
                        <div>
                            <p>结算时间</p>
                            <p class="overTime">60秒</p>
                            <p>
                                <!-- <img src="../../images/eSports/icon_getmoney_unclick.png" alt=""> 收益80%</p> -->
                        </div>
                    </div>
                    <div class="time2">
                        <div>
                            <p>结算时间</p>
                            <p class="overTime">120秒</p>
                            <p>
                                <!-- <img src="../../images/eSports/icon_getmoney_unclick.png" alt=""> 收益82%</p> -->
                        </div>
                    </div>
                    <div class="time3">
                        <div>
                            <p>结算时间</p>
                            <p class="overTime">180秒</p>
                            <p>
                                <!-- <img src="../../images/eSports/icon_getmoney_unclick.png" alt=""> 收益85%</p> -->
                        </div>
                    </div>
                </div>
                <div class="betMoney">
                    <button class="betIn" type="text">￥2000</button>
                    <button class="betIn" type="text">￥3000</button>
                    <button class="betIn" type="text">￥5000</button>
                    <input class="other betIn" style="margin-right:0;height:35px" type="number" placeholder="其他金额">
                </div>
                <div class="balance">
                    余额:￥
                    <span class="yue">0</span> 下单金额:
                    <span class="betYue">0</span>
                </div>
                <div>
                    <table>
                        <tr class="title">
                            <td>名称</td>
                            <td>类型</td>
                            <td >现有</td>
                            <td>预计收益</td>
                        </tr>
                        <tr class="contain">
                            <td>荒野行动</td>
                            <td class='buyType'></td>
                            <td class="onlineNowChiji"></td>
                            <td class="makeMoney">0</td>
                        </tr>
                    </table>
                </div>
                <button class="confirm">确认下单</button>
            </div>
        </div>
    <div class="modal bigLittle" style="position:absolute;    padding-bottom: 10%;" >
            <div class="upDown-modal" >
                <div class="order">订单确认
                    <div class="close">
                        <img src="../../images/eSports/icon_close.png" alt="">
                    </div>
                </div>
                <div class="buy">
                    <div class="big">
                        <div class="bigClick">买大</div>
                    </div>
                    <div class="little">
                        <div class="littleClick">买小</div>
                    </div>
                </div>
                <div class="temaContain">
                        <div class="temaTitle">特码</div>
                        <div class="tema">
                                <div>1</div>
                                <div>2</div>
                                <div>3</div>
                                <div>4</div>
                                <div>5</div>
                                <div>6</div>
                                <div>7</div>
                                <div>8</div>
                                <div>9</div>
                                <div>0</div>
                        </div>
                </div>
                <div class="dueTime">
                    到期时间
                </div>
                <div class="selectTime">
                    <div class="time1">
                        <div>
                            <p>结算时间</p>
                            <p class="overTime">60秒</p>
                            <p>
                                <!-- <img src="../../images/eSports/icon_getmoney_unclick.png" alt=""> 收益80%</p> -->
                        </div>
                    </div>
                    <div class="time2">
                        <div>
                            <p>结算时间</p>
                            <p class="overTime">120秒</p>
                            <p>
                                <!-- <img src="../../images/eSports/icon_getmoney_unclick.png" alt=""> 收益82%</p> -->
                        </div>
                    </div>
                    <div class="time3">
                        <div>
                            <p>结算时间</p>
                            <p class="overTime">180秒</p>
                            <p>
                                <!-- <img src="../../images/eSports/icon_getmoney_unclick.png" alt=""> 收益85%</p> -->
                        </div>
                    </div>
                </div>
                <div class="betMoney">
                    <button class="betIn" type="text">￥2000</button>
                    <button class="betIn" type="text">￥3000</button>
                    <button class="betIn" type="text">￥5000</button>
                    <input class="other betIn" style="margin-right:0;height:35px" type="number" placeholder="其他金额">
                </div>
                <div class="balance">
                    余额:￥
                    <span class="yue">0</span> 下单金额:
                    <span class="betYue">0</span>
                </div>
                <div>
                    <table>
                        <tr class="title">
                            <td>名称</td>
                            <td>类型</td>
                            <td>现有</td>
                            <td>预计收益</td>
                        </tr>
                        <tr class="contain">
                            <td>荒野行动</td>
                            <td class='buyType'></td>
                            <td class="onlineNowChiji"></td>
                            <td class="makeMoney">0</td>
                        </tr>
                    </table>
                </div>
                <button class="confirm">确认下单</button>
            </div>
        </div>

    <div class="continueModal">
        <div class="continue">
            <div class="continueTitle"><span>荒野行动</span>
                <div class="close1">
                    <img src="../../images/eSports/icon_close.png" alt="">
                </div>
            </div>
            <!-- <div class="timeContain"><span class="continuTime">0</span> s</div> -->
            <div class="notice">
                <p class="successMsg"></p> 
                <p>请点击继续下单</p>
            </div>
            <button class="conBtn">继续下单</button>
        </div>
    </div>
    <script src="../../js/jquery-3.2.1.min.js"></script>

    <script type="text/javascript" src="../../js/bootstrap-dropdown.js"></script>

    <script type="text/javascript" src="../../js/jquery.scrollUp.min.js"></script>

    <script type="text/javascript" src="../../js/highcharts.js"></script>

    <script type="text/javascript" src="../../js/exporting.js"></script>

    <script type="text/javascript" src="../../js/dynamic-update.js"></script>
    <script src="../../js/public.js"></script>
    <script>
      
          
            $(function () {
               
            
            let fdGameName,
                downOdds,
                upOdds,
                bigLittleOdds,
                singleDableOdds,
                temaOdds
            $.post(userInfoUrl, (res) => {
                     
                $('.yue').text(res.obj.fdOver)
                // gamingOdds
            })
            $.post(gamingOdds, (res) => {
                console.log(res)
                let obj=res.obj
                obj.forEach(item=>{
                    if(item.fdType==0){
                bigLittleOdds=item.fdOdds
                        
                    }
                   else if(item.fdType==1){
                    singleDableOdds=item.fdOdds
                        
                    }
                    else if(item.fdType==2){
                        temaOdds=item.fdOdds
                        
                    }
                    else if(item.fdType==3){
                        upOdds=item.fdOdds
                        
                    }
                    else if(item.fdType==4){
                        downOdds=item.fdOdds
                        
                    }
                  
                })
                     
            })
  
            let timeHandel

            $('.firstsd').click(function () {
                $('.singleDable').fadeIn('fast')
            })
            $('.confirm').click(function () {
                let fdQuizNum,
                fdType,
                fdAmount,
                fdSecondResult = parseInt($('.timeActive .overTime').text())
                if($('.orderActive div').text()=="买单"){
                    fdQuizNum='13579'
                    fdType=0
                }
                else if($('.orderActive div').text()=='买双'){
                    fdQuizNum='02468'
                    fdType=0
                }
                else if($('.orderActive div').text()=='买涨'){
                    fdQuizNum='1'
                    fdType=3
                }
                else if($('.orderActive div').text()=='买跌'){
                    fdQuizNum='0'
                    fdType=4
                }
                else if($('.orderActive div').text()=='买大'){
                    fdQuizNum='56789'
                    fdType=1
                }
                else if($('.orderActive div').text()=='买小'){
                    fdQuizNum='01234'
                    fdType=1
                }
                else if($('.temaActive').text()!=''){
                    fdQuizNum=$('.temaActive').text()
                    fdType=2
                    
                    
                }
                
                 if ($('.betActive')[0].tagName == 'BUTTON') {
                    fdAmount =$('.betActive').text().split("￥")[1]
                }
                 else {
                    fdAmount = $('.betActive').val()
                  
                    
                }
                console.log($('.orderActive div').text())
                // alert('你买了:' + fdAmount + '结算时间是：' + fdSecondResult + '\n买的金额是' + fdAmount)
                
                if(fdSecondResult!=''){
                        $.post( gamingQuiz,{fdQuizNum,fdType,fdSecondResult,fdAmount,fdGameName:'荒野行动',fdStartpoint:$('.onlineNowChiji').html()},res=>{
                        console.log(res)
                        $('.continueModal').fadeIn('fast')
                        
                            $('.successMsg').text(res.msg)
                        $.post(userInfoUrl, (res) => {
                         
                         $('.yue').text(res.obj.fdOver)
                        
                         })
                    })
                    }
               

                
               
            })
            $('.size').click(function(){
                $('.bigLittle').fadeIn('fast')
                // $('.single').addClass('big')
                // $('.single').addClass('little')
            })
            $('.upDown').click(function(){
                $('.upDown1').fadeIn('fast')
              
               
            })
            $('.close').click(function () {
                $('.singleDable').fadeOut('fast')
                $('.bigLittle').fadeOut('fast')
                $('.upDown1').fadeOut('fast')
            })


            $('.betMoney .betIn').click(function () {
                $('other').val('')
                $('.betMoney .betIn').removeClass('betActive')
                $(this).addClass('betActive')
                $('.betYue').text($('.betActive').text())
                let money=$('.betActive').text().substring(1)
                if($('.orderActive div').text()=="买单"){
                    console.log(singleDableOdds)
                }
                else if($('.orderActive div').text()=='买双'){
                    $('.makeMoney').html(money*(1+singleDableOdds))

                }
                else if($('.orderActive div').text()=='买涨'){
                    $('.makeMoney').html(money*(1+upOdds))

                }
                else if($('.orderActive div').text()=='买跌'){
                    $('.makeMoney').html(money*(1+downOdds))
                }
                else if($('.orderActive div').text()=='买大'){
                    $('.makeMoney').html(money*(1+bigLittleOdds))
                }
                else if($('.orderActive div').text()=='买小'){
                    $('.makeMoney').html(money*(1+bigLittleOdds))
                }
                else if($('.temaActive').text()!=''){
                    $('.makeMoney').html(money*(1+temaOdds))
                    
                    
                }
                
                
            })

            $('.buy>div').click(function () {
                $('.tema>div').removeClass('temaActive')
                $('.buy>div').removeClass('orderActive')
                $(this).addClass('orderActive')
                let typeName=$('.orderActive div').text()
                $('.buyType').html(typeName)
                let money=$('.betActive').text().substring(1)
                if($('.orderActive div').text()=="买单"){
                    console.log(singleDableOdds)
                }
                else if($('.orderActive div').text()=='买双'){
                    $('.makeMoney').html(money*(1+singleDableOdds))

                }
                else if($('.orderActive div').text()=='买涨'){
                    $('.makeMoney').html(money*(1+upOdds))

                }
                else if($('.orderActive div').text()=='买跌'){
                    $('.makeMoney').html(money*(1+downOdds))
                }
                else if($('.orderActive div').text()=='买大'){
                    $('.makeMoney').html(money*(1+bigLittleOdds))
                }
                else if($('.orderActive div').text()=='买小'){
                    $('.makeMoney').html(money*(1+bigLittleOdds))
                }
                else if($('.temaActive').text()!=''){
                    $('.makeMoney').html(money*(1+bigLittleOdds))
                    
                    
                }
            })

            //到期时间
            $('.selectTime>div>div').click(function () {
                
                $('.timeActive img').attr('src', '../../images/eSports/icon_getmoney_unclick.png')
                $('.selectTime>div>div').removeClass('timeActive')
                $(this).addClass('timeActive')
                $('.timeActive img').attr('src', '../../images/eSports/icon_getmoney_click.png')
            })

           

            $('.close1 img').click(function(){
                // clearInterval(timeHandel)
                $('.continueModal').fadeOut('fast')
            })

             //选择特码
             $('.tema>div').click(function () {
                $('.buy>div').removeClass('orderActive')
                            $('.clan2').removeClass('Activeclan')
                            $('.clan1').removeClass('Activeclan')
                            $('.tema>div').removeClass('temaActive')
                            $('.killOne>div').removeClass('littleActive')
                            $(this).addClass('temaActive')
                            let typeName='特码'
                $('.buyType').html(typeName)
                            
            })

            $('.other').bind('input propertychange', function () {
                $('.betYue').text($('.other').val())
            })

            $('.conBtn').click(function(){
                $('.continueModal').fadeOut('fast')
                $('.modal').fadeOut('fast')
            })
        })
    </script>
</body>

</html>